<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ul id="ulbox">
			<li>111</li>
			<li>222</li>
			<li>333</li>
		</ul>
		
		<ol id="olbox">
			<li>aa</li>
			<li>bb</li>
			<li>cc</li>
		</ol>
		<script>
			var olbox=document.getElementById("olbox");
			var lis=olbox.getElementsByTagName("li");//olbox里面找li
			console.log(lis);
			
			//通过标签名，获取元素   document整个文档里面找li
			// var lis=document.getElementsByTagName("li");//集合（多个）
			// console.log(lis);
			
			//console.log(lis.length);//6 获取的元素的个数
			
			//不能直接操作集合
			//lis.style.backgroundColor="red";
			
			//操作----》1. 首先要找到元素
			// 索引 0-5 , 一共6个
			//console.log(lis[5]);//通过索引下标查找单个元素
			//lis[5].style.backgroundColor="red";//给最后一个元素添加红色背景
			
			// lis[0].style.backgroundColor="red";
			// lis[1].style.backgroundColor="red";
			// lis[2].style.backgroundColor="red";
			//....  0-5
			
			//0-5   lis.length==>6
			// for(var i=0;i<lis.length;i++){
			// 	//lis[i].style.backgroundColor="red";
			// 	// lis[i].onclick=function(){
			// 	// 	console.log("1111");
			// 	// }
			// 	lis[i].innerHTML="hahaha";
			// 	//....
			// }
		</script>
	</body>
</html>
